﻿@charset "utf-8";

#header { margin-bottom: 10px; }
#content { background: none; box-shadow: none; width: 1200px; padding: 0; }

.side { margin-right: 0; }
.row { background-color: #fff; width: 1160px; padding: 20px 20px 0; margin-top: 15px;}

/* homePage------------------------ */
.head-newBox { height:100px; padding: 0 20px; }

/* top-new */
.top-new { overflow:hidden; position:relative; height: 97px; text-align: center; background: url(../../base/img/headnewbg.png) no-repeat left top; padding-left: 88px; padding-right: 22px; }
.top-new .hd { position: absolute; right: 0; top: 8px; }
.top-new .hd li { width: 10px; height: 10px; border-radius: 100%; background-color: #9dbfe8; text-indent: 99px; overflow: hidden; line-height: 99px; margin-bottom: 10px; cursor: pointer; }
.top-new .hd li.on { background-color: #146ac1; }
.top-new .bd .t .title{ font-size:32px; line-height:1.5; font-weight:bold;}
.top-new .bd .t .title a { color: #d50000; }
.top-new .bd .t .intro { height: 36px; overflow: hidden; }
.ttlist {text-align: center; font-size: 16px; }
.ttlist span{padding:0 2px;}
.ttlist li {
    display: inline;
}
.ttlist li.first,.ttlist .last span{
    display: none;
}

 
.focusBox .bd .title,.focusBox .bd .titleBg { display: none !important; }

/* top-spe */
.top-spe { float: right; width: 280px; margin-top: 5px; }
.top-spe .Thd { width: 40px; padding-right: 8px; background: url(../../base/img/red-arrow.png) no-repeat; height: 40px; text-align: center; float: left; margin-top: 17px; }
.top-spe .Thd h3 { font-size: 14px; line-height: 16px; color: #fff; padding-top: 4px; text-align: center; }
.top-spe .Tbd { float: right; width: 225px; border-radius: 5px; overflow: hidden; height: 70px; }
.top-spe .Tbd .hd { display: none; }

/* ind-banner */
#ind-banner { padding-top: 20px; }
.ind-banner { position: relative; margin-bottom: 20px; clear: both; } 
.ind-banner .hd { position: absolute; right: 8px; bottom: 8px; }
.ind-banner .hd li { width: 18px; height: 18px; background:url(../../base/img/png.png) repeat; line-height: 18px; text-align: center; color: #fff; float: left; margin-right: 1px; font-size: 12px;
cursor: pointer;}
.ind-banner .hd li.on { background: #e67f4d; }
.ind-banner .con {display: none;}


/* homeBox */
.homeBox { height: 550px; background-color: #fff; width: 1160px; padding: 0 20px; clear: both; overflow: hidden; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);}
.homeBox .side { width: 510px; margin-right: 0; }
.homePage .focusBox { width:510px; float:left; height: 340px; margin-bottom: 20px;}
.homePage .focusBox .bd .pic img{ height:340px;}
.focusBox .bd .titleBg { display: block; height: 60px; width: 100%; position: absolute; bottom: 0; left: 0; background: #000; opacity: 0.5;  filter: alpha(opacity=50);}
.focusBox .bd .title { bottom: 20px;z-index: 4; text-align: center; }
.focusBox .bd .title a { padding-left:0; color:#fff;}
.focusBox .hd{ bottom:auto; text-align:center; right:0; width:100%; bottom: 14px;}
.focusBox .hd .on{  width:30px;}

/* newMenu */
.newMenu { margin-right: -10px; }
.newMenu li {width: 120px;height: 50px;background-color: #f0f5fa;float: left;margin-right: 10px;}
.newMenu li a {display: block;padding-left: 45px;width: 93px;line-height: 50px;}
.newMenu li i {background: url(../../base/img/icons-home-1.png) no-repeat 0 -780px;width: 20px;height: 20px;left: 15px;top: 15px;}
.newMenu li.li3 i { background-position: 0 -850px; top: 16px;}
.newMenu li.li4 i { background-position: 0 -918px; top: 16px; }
.newMenu li:hover { background-color: #e3f1fe; }
.newMenu li:hover i { -webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg); }

/* mainContent */
.homePage .mainContent { padding: 0; width: 620px; float: right; }

/* xwdt */
#xwdt { height: 300px; }
#xwdt .hd li { padding: 0 15px; margin-right: 0; color: #666; }
#xwdt .hd li.on { border: 1px solid #a5bad0; text-align: center; border-radius: 5px;}
#xwdt .hd li.on a { display: block;  }

/* tzgg */
#tzgg { height: 90px; background-color: #f0f5fa; clear: both; overflow: hidden; margin-top: 20px; }
#tzgg .hd { float: left; width: 82px; padding-right: 5px; background: url(../../base/img/arrow-blue.png) no-repeat right center; text-align: center; margin-right: 20px;}
#tzgg .hd h3 { padding: 20px; line-height: 24px; font-weight: bold; font-size: 20px; }
#tzgg .hd h3 a { color: #146ac1; }
#tzgg .bd { overflow: hidden; padding-top: 10px; padding-right: 70px; position: relative; }
#tzgg .bd li { background: url(../../base/img/dot2.png) no-repeat left center; padding-left: 12px; overflow: hidden; white-space: normal;  text-overflow: ellipsis; height: 36px;  }
#tzgg .bd li span.date { color: #146ac1; margin-right: 10px;}
#tzgg .bd a.arrow { position: absolute; width: 20px; height: 20px;  display: block; right: 15px; background:#dde2e7 url(../../base/img/arrow-up.png) no-repeat center 7px; cursor: pointer; }
#tzgg .bd a.next1 {top: 21px;}
#tzgg .bd a.prev1 {top: 50px; background-position: center -22px;}
#tzgg .bd a.arrow:hover { background-color: #a4c2df; }


/* aboutPage------------------------ */
.aboutPage {}


/* newPage ----------------------------------------- */
.newsSlide  { margin-bottom: 20px; }
.newsSlide .pic,
.newsSlide .pic img{ width: 690px; height: 400px; float: left; }
.newsSlide .con { overflow: hidden; zoom: 1; padding: 3% 3% 0 3%; }
.newsSlide .tit { display: block; margin-top: 15px; font-size: 24px; font-weight: bold; line-height: 34px; max-height: 68px; height: 68px; overflow: hidden; color: #0651b7; }
.newsSlide .date { display: block; padding: 5px 0; color: #777; font-size: 18px; }
.newsSlide .intro { margin-top: 20px; color: #777; line-height: 30px; height: 180px; overflow: hidden; }
.newsSlide .intro .more { display: none; }

/* boxB */
.newPage .boxB { width: 534px; padding: 0 12px; height: 258px; float: left; margin-right: 20px; }
.newPage .boxB .bd { padding:0 5px; height: 180px; overflow: hidden; }

/* box-video */
.box-video { float: right; width: 218px; border: 1px solid #e0e0e0; height: 258px; }
.box-video li.t { position: relative; width: 220px; height: 150px; margin-bottom: 15px; }
.box-video li.t .pic,.box-video li.t .pic img { width: 220px; height: 150px; }
.box-video li.t .title { background: url(../../base/img/bg.png) repeat; height: 40px; line-height: 40px; text-align: center; left: 0; bottom: 0; position: absolute; width: 100%; }
.box-video li.t .title a { color: #fff; }
.box-video li.n { background: url(../../base/img/icons-video.png) no-repeat 10px center; padding-left: 35px; overflow: hidden; height: 36px; text-overflow: ellipsis; white-space: normal;  }

.box-video li.t .pic a { background: url(../../base/img/video-pic.jpg) no-repeat; width: 220px; height: 150px;  display: block;}
.box-video li.t .pic img { display: none; }

/* openPage ----------------------------------------- */
.openPage { padding-top: 5px; }
.openPage .home-side { float: left; width: 570px; }
.openPage .home-main { float: right; width: 570px; }

/* menu-list */
.openPage .menu-list { margin-right: -20px; }
.openPage .menu-list li { float: left; width: 275px; height: 40px; margin-top: 10px; margin-right: 20px; }
.openPage .menu-list li a { display: block; width: 100%; line-height: 40px; background-color: #f5f5f5; border-radius: 5px; text-align: center; }
.openPage .box-xxgk .menu-list li a { background-color: #e4edf6; color: #0651b7; }
.openPage .menu-list li a:hover { text-decoration: none; background-color: #0651b7; color: #fff; } 


/* readPage ----------------------------------------- */
.readPage .boxB { width: 44.8%; }

/* workPage ----------------------------------------- */
.workPage { padding: 0; }


/* specialPage ----------------------------------------- */
.specialPage { padding-top: 5px; }
.specialPage .box .bd ul { margin-right: -20px; margin-top: -20px; }
.specialPage .box .bd li { width: 370px; height: 70px; margin-top: 20px; margin-right: 20px; float: left; }
.specialPage .box .bd .pic,.specialPage .box .bd .pic img { width: 370px; height: 70px; }
.specialPage .box .bd .title { display: none; }

/* 中部切换 ----------------------------------------- */
.fixedPage { background-color: #fff; width: 1160px; padding: 0 20px; box-shadow:0px 3px 5px 0  rgba(0, 0, 0, 0.1);}

.midPage { height: 160px; overflow: hidden; padding: 25px 0; }

.midBox { float: left; margin-right: 10px; }
.midBox .hd { width: 70px; height: 160px; background:#e25656 url(../../base/img/midpagehd.png) no-repeat 0 bottom; float: left; border-radius: 5px;}
.midBox .hd.on { border-radius: 5px 0 0 5px; }
.midBox .hd h3 a { color: #fff; font-size: 20px; font-weight: bold; text-align: center; padding:10px 20px 0; line-height: 24px; display: block;}
.midBox .hd h3 a:hover { text-decoration: none; }
.midBox .bd { width: 799px; border: 1px solid #d5dfe5; background-color: #f8f9fa; border-left: none; position: relative; padding: 25px; height: 108px;}
.midBox .bd .list-btn li { background-color: #e4edf6; border-radius: 5px; }
.midBox .bd .list-btn li a { display: block; }
.midBox .bd .list-btn li.n { height: 44px; width: 200px; margin-right: 23px; float: left; margin-bottom: 20px; }
.midBox .bd .list-btn li.n a { padding-left: 75px; line-height: 44px; display: block; }
.midBox .bd .list-btn li.last-n { position: absolute; right: ; width: 130px; height: 108px; right: 25px; top: 25px; }
.midBox .bd .list-btn li.last-n a { padding:54px 30px 0; line-height: 20px; text-align: center; }

.midBox .bd .iconsList li i { background: url(../../base/img/icons-home-1.png) no-repeat 0 -986px; width: 25px; height: 25px; left: 35px; top: 10px; }
.midBox .bd .iconsList li:hover i {-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);} 

/* 政务公开 */
.mid-zwgk .bd .list-btn { margin-right: -25px; }
.mid-zwgk .bd .list-btn li.n { width: 187px; margin-right: 15px; }
.mid-zwgk .bd .list-btn li.n a { padding-left: 50px; }
.mid-zwgk .bd .list-btn li.n i { left: 15px; }
.mid-zwgk .bd .list-btn li.li2 i { background-position: 0 -1041px; }
.mid-zwgk .bd .list-btn li.li3 i { background-position: 0 -1096px; width: 30px;}
.mid-zwgk .bd .list-btn li.li4 i { background-position: 0 -1147px; }
.mid-zwgk .bd .list-btn li.li5 i { background-position: 0 -1202px; }
.mid-zwgk .bd .list-btn li.li6 i { background-position: 0 -1256px; width: 28px;}
.mid-zwgk .bd .list-btn li.li7 i { background-position: 0 -1310px; height: 30px; top: 8px; }
.mid-zwgk .bd .list-btn li.li8 i { background-position: 0 -1041px; }

.mid-zwgk .bd .list-btn li.li4,.mid-zwgk .bd .list-btn li.li8 { margin-right: 0; }

/* 网上办事 */
.mid-bmfw .hd { background-position:-80px bottom; background-color: #73c6c2;}
.mid-bmfw .bd .list-btn-01 li { width: 140px; height: 108px; background-color: #e4edf6; border-radius: 5px; float: left; margin-right: 24px;}
.mid-bmfw .bd .list-btn-01 li a { text-align: center; display: block; padding-top: 60px; width: 100%; height: 48px; }
.mid-bmfw .bd .list-btn-01 li.last { margin-right: 0; }
.mid-bmfw .bd .list-btn-01 li.li1 i { background-position: 0 -1370px; width: 24px; height: 30px; left: 58px; top: 20px;  } 
.mid-bmfw .bd .list-btn-01 li.li2 i { background-position: 0 -1424px; width: 25px; height: 31px; left: 58px; top: 22px; } 
.mid-bmfw .bd .list-btn-01 li.li3 i { background-position: 0 -1478px; width: 29px; height: 27px; left: 56px; top: 25px; } 
.mid-bmfw .bd .list-btn-01 li.li4 i { background-position: 0 -1532px; width: 29px; height: 28px; left: 56px; top: 26px; } 
.mid-bmfw .bd .list-btn-01 li.li5 i { background-position: 0 -1644px; width: 28px; height: 30px; left: 56px; top: 25px;  } 


/* 政民互动 */
.mid-zmhd .hd { background-position:-160px bottom; background-color: #f09263; }
.mid-zmhd .bd .list-btn-01 li { width: 140px; height: 108px; background-color: #f6eae4; border-radius: 5px; float: left; margin-right: 24px;}
.mid-zmhd .bd .list-btn-01 li a { text-align: center; display: block; padding-top: 60px; width: 100%; height: 48px; }
.mid-zmhd .bd .list-btn-01 li.last { margin-right: 0; }
.mid-zmhd .bd .list-btn-01 li i { width: 32px; height: 34px; left: 50%; margin-left: -17px; top: 22px; }
.mid-zmhd .bd .list-btn-01 li.li1 i { background-position: center -1761px; }
.mid-zmhd .bd .list-btn-01 li.li2 i { background-position: center -1809px; }
.mid-zmhd .bd .list-btn-01 li.li3 i { background-position: center -1977px; }
.mid-zmhd .bd .list-btn-01 li.li4 i { background-position: center -2086px; }
.mid-zmhd .bd .list-btn-01 li.li5 i { background-position: center -1918px; }


/* 解读回应 */
.mid-jdhy { margin-right: 0; }
.mid-jdhy .hd { background-position:right bottom; background-color: #6599ce; }
.mid-jdhy .bd li { width: 145px; height: 108px; background-color: #e4edf6; border-radius: 5px; float: left; margin-right: 18px; }
.mid-jdhy .bd li.last { margin-right: 0; }
.mid-jdhy .bd li a { text-align: center; display: block; padding-top: 65px; width: 100%; height: 43px; font-size: 14px; }
.mid-jdhy .bd .iconsList li i { background-position: 0 -2141px; width: 32px; height: 33px; left: 55px; top: 25px; }
.mid-jdhy .bd .iconsList li.li2 i { background-position: 0 -2201px; }
.mid-jdhy .bd .iconsList li.li3 i { background-position: 0 -2262px; }
.mid-jdhy .bd .iconsList li.li4 i { background-position: 0 -2322px; }
.mid-jdhy .bd .iconsList li.li5 i { background-position: 0 -2380px; }

/* 专题专栏 ----------------------------------------- */
.spePage { clear: both; padding-bottom: 25px; height: 70px; overflow: hidden; }
.spePage .bd { position: relative;  padding: 0 35px;}
.spePage .tempWrap{ width: 1090px !important; overflow: hidden;}
.spePage a.arrow { display:block; width:18px; height:34px; position:absolute; top:19px; background: url(../../base/img/arrow.png) no-repeat -18px 0; cursor: pointer;}
.spePage .indRdzt li img { width: 350px; height: 70px; }
.spePage a.prev2 { right: 0; }
.spePage a.next2 { background-position: 0 0 ; left: 0; }
.spePage a.prev2:hover { background-position: -18px -34px; }
.spePage a.next2:hover { background-position: 0 -34px; }

/* 试运行 */
.testRunBox { border:1px solid #eff7ff; width:520px; right:0; bottom:0; background:#eff7ff; font-size:12px; position:fixed; z-index:10;opacity:1; border-radius:10px; color#146ac1;}
.testRunBox .closeBtn { position:absolute; width:30px; height:30px; top:3px; right:3px; text-align:center; line-height:28px; font-size:24px;color:#fff; border-radius:20px; cursor:pointer; background-color:#aaa;}
.testRunBox .closeBtn:hover { background:#5282b2;}
.testRunBox .info { padding:10px 20px 20px;text-align:left; font-size:16px; line-height:210%;}
.testRunBox .info h3 { margin:10px 0; font-size:18px; font-weight:bold; line-height:210%; text-align:center;}
.testRunBox .intro { text-indent:2em; color:#333;}
.testRunBox .date { text-align:right; font-size:14px; line-height:180%;}


/* 新css覆盖 */
#header,.head-newBox{margin-bottom: 20px;}
.head-newBox,.top-new{height: 85px;}
.top-new .bd .t .title{height: 32px;}
.ttlist{font-size: 18px;margin-top: 20px;}
#ind-banner{height: 116px;padding: 0;}
#ind-banner li img{width: 1160px;height: 116px;}
.homeBox{height: auto;padding: 20px 20px 0;}
.homePage .focusBox{width: 640px;height: 330px;}
.homePage .focusBox .bd .pic img{height: 330px;}
.homePage .mainContent{width: 500px;}
.homeBox .side{width: 640px;}
#xwdt .hd li{height: 44px;line-height: 44px;border: 1px solid transparent;}
.newMenu {margin-right: -20px;}
.newMenu li a,#tzgg .bd li a,.midBox .bd .list-btn li.n a,.mid-bmfw .bd .list-btn-01 li a,.mid-zmhd .bd .list-btn-01 li a,.mid-jdhy .bd li a,.openPage .menu-list li a{font-size: 16px;}
.newMenu li{width: 153px;height: 60px;}
.newMenu li i,.newMenu li.li3 i,.newMenu li.li4 i{left: 28px;top: 21px;}
.newMenu li a{padding-left: 60px;width: 95px;font-size: 16px;line-height: 60px;}
.focusBox .hd{bottom: 20px;}
.focusBox .hd ul li{height: 10px;width: 10px;}
.focusBox .hd ul li.on{width: 40px;}
.midPage{padding: 20px 0;}
.midBox .hd h3{display: flex;height: 160px;}
.midBox .hd h3 a{margin: auto;height: auto;width: 18px;padding: 0;}
.spePage{padding-bottom: 20px;}
.indRdzt,.spePage{height: 117px;}
.spePage .indRdzt li img{width: 350px;height: 117px;}
.spePage a.arrow{top: 38px;}
.newPage .boxB{height: auto;padding: 10px 12px;}
.newsSlide,.newsSlide .pic, .newsSlide .pic img{height: 354px;}
.specialPage .box .bd .pic, .specialPage .box .bd .pic img,.specialPage .box .bd li{height: 123px;}
.head-newBox{background-color: #fff;padding: 20px;}




/* 友情链接模拟下拉 */

.friendLinks{border:none;}
.friendLinks > h3{float:left; font-size:18px; font-weight:700; color:#015293;line-height: 54px;margin-right:20px; }
.friendLinks dl{width:21%; border:#ccc solid 1px;    margin: 10px 0px;}
.friendLinks dl dt{height:32px; line-height:32px; background: #fff;}
.friendLinks dd{bottom:32px;}
.friendLinks dl dt h3{text-align:left;}
.friendLinks dl{width: 288px;margin-right:10px;float:left;display:inline;position:relative;border-right:1px solid #e0dee0;}
.friendLinks dl dt{height: 40px;line-height: 40px;padding:0 5px 0 8px;overflow:hidden;position:relative;cursor:pointer;}
.friendLinks dl dt i{ right:12px; top:50%; margin-top:-2px; border-width:5px; position:absolute;  border-color:transparent; border-style:dashed;  border-top-color:#363636;border-top-style:solid; content:"";display:block; font-size:0;line-height:0;width:0;}
.friendLinks dl dt h3{width: 164px; text-align:center; font-size:16px;display: block;}
.friendLinks dd{bottom: 40px;display:none;width:100%;position:absolute;left:0;}
.friendLinks ul{ max-height: 389px; border:1px solid #ccc; background:#fff;overflow-y:scroll; }
.friendLinks li{line-height:22px;padding: 8px 10px;border-bottom:1px dotted #ccc;/* word-break:keep-all; *//* white-space:nowrap; */cursor:pointer;}
.friendLinks li a{display:block;}
.friendLinks li a:hover{text-decoration:none}
.friendLinks li:hover{  color:#CD3333; background-color:#f1f1f1 }
.friendLinks .last{border-bottom:0}
.friendLinks .on {z-index:9; -webkit-box-shadow:0 0 3px rgba(0, 0, 0, .3); -moz-box-shadow:0 0 3px rgba(0, 0, 0, .3); box-shadow:0 0 5px rgba(0, 0, 0, .2);  }
.friendLinks .on dt{border-color:#bbb; }
.friendLinks .on dt i{  border-top-style:none; border-bottom-color:#aaa;border-bottom-style:solid; }
.friendLinks .on dd{ display:block;  -webkit-box-shadow:0 0 3px rgba(0, 0, 0, .3); -moz-box-shadow:0 0 3px rgba(0, 0, 0, .3); box-shadow:0 0 5px rgba(0, 0, 0, .2); }
.friendLinks .on dd ul{ border-color:#bbb; }




/*--
颜色代码
#12468C 深色标题
#ddd 淡色边框
--*/